*{
    margin:0;padding: 0;
    box-sizing:border-box;
}
.swiper-wrapper .meigeren{
    width:4.81rem;
    height: 3.1rem;
    left: 1rem;
    top: 3.5rem;
  }
  .swiper-wrapper .chongjing{
    width:4.89rem;
    height:1.59rem;
    left: 1rem;
    top: 7rem;
  }
  .swiper-wrapper .jiantou{
    position: absolute;
    bottom:0.875rem;
    left: 3rem;
    width:0.76rem;
    height:0.41rem;
    animation: move 1s linear 0.5s infinite;
  }
  @keyframes move{
    from{
      bottom:0.875rem;
      opacity: 1;
    }to{
      bottom:1.25rem;
      opacity:0.3;
    }
  }
  .swiper-wrapper .remi{
    width: 0.075rem;
    height:2.68125rem;
    left:2.6875rem;
    top:3.7375rem;
    animation: remi 0.5s linear 0.1s both;
  }
  @keyframes remi{
    from{
      width: 0.075rem;
      height:2.68125rem;
      opacity:0;
    }to{
      width: 0.125rem;
      height:5.18125rem;
      opacity:1;
    }
  }
  .swiper-wrapper .wen1{
    width: 1.84375rem;
    height:6.79375rem;
    left:0.25rem;
    top: 6.25rem;
  }
  .swiper-wrapper .wen2{
    width:1.84375rem;
    height: 5.79375rem;
    left:1rem;
    top:3rem;
    animation:wen2 2.5s linear infinite;
  }
  @keyframes wen2{
    from{
      top:3.75rem;
    }to{
      top:-10rem;
    }
  }
  .swiper-wrapper .wen3{
    width: 1.84375rem;
    height:6.79375rem;
    left: 4.25rem;
    top: 6.25rem;
  }
  .swiper-wrapper .wen4{
    width:1.84375rem;
    height:6.79375rem;
    left: 3.25rem;
    top: 1.25rem;
    animation:wen4 2.5s linear infinite;
  }
  @keyframes wen4{
    from{
      top:-3.75rem;
    }to{
      top:-10rem;
    }
  }
  .swiper-wrapper .wen5{
    width: 1.84375rem;
    height:5.29375rem;
    left:2.5rem;
    top:6.5rem;
  }
  .swiper-wrapper .wen6{
    width:1.84375rem;
    height:5.29375rem;
    left:3.75rem;
    top:13.25rem;
    animation: wenw 2.5s linear infinite 1.5s;
  }
  .swiper-wrapper .wen7{
    width:1.84375rem;
    height:5.29375rem; 
    left:0.75rem;
    top: 19.75rem;
    animation: wenw 2.5s linear infinite .8s;
  }
  @keyframes wenw{
    from{
      top:12.5rem;
    }to{
      top:-7.5rem;
    }
  }
  .swiper-wrapper .wen{
    animation: wen 2.5s linear infinite;
  }
  @keyframes wen{
    from{
      top:7.5rem;
    }to{
      top:-7.5rem;
    }
  }
  .swiper-wrapper .ren{
    width:5.1rem;
    height:7.27rem;
    left: 0;
    bottom: 0;
  }
  .swiper-wrapper .cong{
    width:0.65rem;
    height:0.91rem;
    left: 0.8rem;
    top: 1.5rem;
  }
  .swiper-wrapper .xian{
    width:3.5rem;
    height: 0.18rem;
    left: 1.7rem;
    top: 2rem;
  }
  .swiper-wrapper .wushiyi{
    width:3.4rem;
    height:1.71rem;
    left: 1rem;
    top: 2.6rem;
  }
  .swiper-wrapper .xian1{
    width:3.5rem;
    height: 0.17rem;
    left: 1rem;
    top: 5rem;
  }
  .swiper-wrapper .dao{
    width:0.61rem;
    height:1.03rem;
    left: 5rem;
    top: 4.5rem;
  }
  .swiper-wrapper .wugeyi{
    width:5.08rem;
    height:2.4rem;
    left: 0.9rem;
    top: 6rem;
  }
  .swiper-wrapper .jinpai{
    width: 1.28rem;
    height: 0.12rem;
    left: 1.8rem;
    top: 4.5rem;
  }
  .swiper-wrapper .duanlian{
    width:1.15rem;
    height:0.31rem;
    left: 4.4rem;
    top: 5.7rem;
  }
  .swiper-wrapper .tiyu{
    width:2.21rem;
    height:0.12rem;
    left: 2rem;
    top: 8.7rem;
  }
  .swiper-wrapper .weilai{
    width:4.37rem;
    height:3.25rem;
    top: 2rem;
    left: 1.1rem;
  }
  .swiper-wrapper .xian2{
    width: 4.59rem;
    height:0.14rem;
    top: 5.5rem;
    left: 1rem;
  }
  .swiper-wrapper .weida{
    width:4rem;
    height:0.87rem;
    top: 6rem;
    left: 1rem;
  }
  .swiper-wrapper .fabuhui{
    width:3.6rem;
    height:0.34rem;
    top: 7.75rem;
    left: 1.3rem;
  }
  .swiper-wrapper .jiazhi{
    width:4.04rem;
    height:0.89rem;
    top: 6rem;
    left: 1.1rem;
  }
  .swiper-wrapper .dongyu{
    width:4.04rem;
    height:0.89rem;
    top: 7.5rem;
    left: 1.2rem;
    transform: rotateX(60deg);
  }
  .swiper-wrapper .chixu{
    width:4.03rem;
    height:0.89rem;
    top: 6rem;
    left: 1.2rem;
  }
  .swiper-wrapper .shoupi{
    width:4.37rem;
    height:1.34rem;
    top: 7.5rem;
    left: 1rem;
  }
  .swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    transform-style:preserve-3d;
    perspective-origin:top;
  }
  .swiper-wrapper .qiu{
    width:2.34rem;
    height:2.34rem;
  }
  .swiper-wrapper .qiu1{
    top: 5rem;
    left: 1.75rem;
    transform: rotateZ(0deg);
    animation:qiu1 1s linear infinite;
    transform-origin:0.75rem 0.75rem;
  }
  @keyframes qiu1{
    from{
      transform: rotateZ(0deg);
    }to{
      transform: rotateZ(360deg);
    }
  }
  .swiper-wrapper .qiu2{
    top:5.5rem;
    left: 1.75rem;
    transform: rotateZ(0deg);
    animation:qiu2 1s linear infinite .2s;
    transform-origin:0.75rem 0.75rem;
  }
  @keyframes qiu2{
    from{
      transform: rotateZ(0deg);
    }to{
      transform: rotateZ(360deg);
    }
  }
  .swiper-wrapper .qiu3{
    top: 5.5rem;
    left:2.75rem;
    transform: rotateZ(0deg);
    animation:qiu3 1s linear infinite .4s;
    transform-origin:0.75rem 0.75rem;
  }
  @keyframes qiu3{
    from{
      transform: rotateZ(0deg);
    }to{
      transform: rotateZ(360deg);
    }
  }
  .swiper-wrapper .qiu4{
    top: 4.75rem;
    left:2.25rem;
    transform: rotateZ(0deg);
    animation:qiu4 1s linear infinite .6s;
    transform-origin:0.75rem 0.75rem;
  }
  @keyframes qiu4{
    from{
      transform: rotateZ(0deg);
    }to{
      transform: rotateZ(360deg);
    }
  }
  .swiper-wrapper .kuwan{
    width: 1.18rem;
    height:0.51rem;
    top: 1.3rem;
    left: 1.3rem;
  }
  .swiper-wrapper .zepp{
    width: 1.42rem;
    height:0.31rem;
    top: 2.1rem;
    left: 1.1rem;
  }
  .swiper-wrapper .chulian{
    width:0.81rem;
    height:0.38rem;
    top: 3.8rem;
    left: 0.7rem;
  }
  .swiper-wrapper .erji{
    width: 0.4rem;
    height: 0.4rem;
    top: 4.4rem;
    left: 1.25rem;
  }
  .swiper-wrapper .huola{
    width: 1.45rem;
    height:0.47rem;
    top: 3.8rem;
    left: 2.9rem;
  }
  .swiper-wrapper .quyundong{
    width: 1.08rem;
    height:0.37rem;
    top: 4.3rem;
    left: 4.8rem;
  }
  .swiper-wrapper .hupu{
    width:1.49rem;
    height: 0.37rem;
    top: 4.9rem;
    left: 2.5rem;
  }
  .swiper-wrapper .info{
    width:1.35rem;
    height:0.33rem;
    top: 6.8rem;
    left: 4.2rem;
  }
  .swiper-wrapper .xinghe{
    width: 1.77rem;
    height: 0.34rem;
    top: 7.7rem;
    left: 3.75rem;
  }
  .swiper-wrapper .zhihui{
    width: 1.46rem;
    height: 0.25rem;
    top: 8rem;
    left: 0.875rem;
  }
  .swiper-wrapper .xianyu{
    width: 1.31rem;
    height:0.27rem;
    top: 8.4rem;
    left: 3.55rem;
  }
  .swiper-wrapper .coch{
    width: 0.5rem;
    height: 0.5rem;
    top: 9.6rem;
    left: 3.9rem;
  }
  .swiper-wrapper .liucheng{
    width: 5.07rem;
    height: 9.18rem;
    top: 0.8rem;
    left: 0.4rem;
  }
  .swiper-wrapper .zuoshang{
    width:1.29rem;
    height:1.45rem;
    top:-0.25rem;
    left:0rem;
  }
  .swiper-wrapper .youshang{
    width: 0.45rem;
    height: 0.87rem;
    top: 1rem;
    left: 5.5rem;
  }
  .swiper-wrapper .zuozhong{
    width: 0.98rem;
    height: 0.9rem;
    top: 3.8rem;
    left: 0.1rem;
  }
  .swiper-wrapper .youzhong{
    width: 0.99rem;
    height: 1.37rem;
    top: 3.7rem;
    left: 5.4rem;
  }
  .swiper-wrapper .ruchang{
    width: 4.47rem;
    height:1.4rem;
    top: 0.25rem;
    left:0rem;
  }
  .swiper-wrapper .qiu5{
    top: 2rem;
    left:1.75rem;
    opacity: 0.5;
    transform: rotateZ(0deg);
    animation:qiu5 1s linear infinite;
    transform-origin:0.75rem 0.75rem;
  }
  @keyframes qiu5{
    from{
      transform: rotateZ(0deg);
    }to{
      transform: rotateZ(360deg);
    }
  }
  .swiper-wrapper .qiu6{
    top: 1.5rem;
    left:1.75rem;
    opacity: 0.5;
    transform: rotateZ(0deg);
    animation:qiu6 1s linear infinite .2s;
    transform-origin:0.75rem 0.75rem;
  }
  @keyframes qiu6{
    from{
      transform: rotateZ(0deg);
    }to{
      transform: rotateZ(360deg);
    }
  }
  .swiper-wrapper .qiu7{
    top: 2rem;
    left: 2.5rem;
    opacity: 0.5;
    transform: rotateZ(0deg);
    animation:qiu7 1s linear infinite .4s;
    transform-origin:0.75rem 0.75rem;
  }
  @keyframes qiu7{
    from{
      transform: rotateZ(0deg);
    }to{
      transform: rotateZ(360deg);
    }
  }
  .swiper-wrapper .qiu8{
    top: 2.25rem;
    left: 2.25rem;
    opacity: 0.5;
    transform: rotateZ(0deg);
    animation:qiu8 1s linear infinite .6s;
    transform-origin:0.75rem 0.75rem;
  }
  @keyframes qiu8{
    from{
      transform: rotateZ(0deg);
    }to{
      transform: rotateZ(360deg);
    }
  }
  .swiper-wrapper .yiqilai{
    position: absolute;
    top: 1.125rem;
    left: 2.125rem;
    font:bold 1.5rem 'Helvetica Neue, Helvetica, Arial, sans-serif';
    color:#fff;
    width: 1.375rem;
  }
  .swiper-wrapper .yiqilai h4{
    text-align: left;
    font-size: 0.4rem;
  }
  .swiper-wrapper .yiqilai p{
    font-size: 0.3rem;
    font-weight: 400;
  }
  .swiper-wrapper #login{
    background: #dedede;
    position: absolute;
    width: 100%;
    height: 57%;
    bottom: 0rem;
    left:0;
  }
  .swiper-wrapper #login .ruchang{
    top: 0.25rem;
    left: 1rem;
  }
  .swiper-wrapper #login .text{
    position: absolute;
    width: 5rem;
    height: 2.25rem;
    top: 2rem;
    left: 0.75rem;
  }
  .swiper-wrapper #login .text input{
    width: 4.5rem;
    height: 0.75rem;
    margin-top: 0.175rem;
  }
  .swiper-wrapper #login .text #sub{
    width: 2.25rem;
    height: 0.7rem;
    background: #808080;
  }
  .swiper-wrapper .erweima{
    width: 2.82rem;
    height: 2.76rem;
    top: 2.38rem;
    left: 1.7rem;
  }
  .swiper-wrapper .mihan{
    width: 2.64rem;
    height:0.28rem;
    top: 1.5rem;
    left: 1.8rem;
  }
  .swiper-wrapper .wukesong{
    width: 3.5rem;
    height: 1.35rem;
    top: 5.2rem;
    left: 1.4rem;
  }
  .swiper-wrapper .lianxi{
    width: 4.58rem;
    height:2.32rem;
    top: 7.5rem;
    left: 1rem;
  }
  .swiper-wrapper .xiant{
    width: 4.79rem;
    height:0.02rem;
    top: 7rem;
    left: 0.8rem;
  }
  .swiper-wrapper .logo{
    width:2.63rem;
    height:1.8rem;
    top: 2rem;
    left: 2rem;
  }
  .swiper-wrapper .qiandao{
    width: 2.22rem;
    height: 0.49rem;
    top: 4.7rem;
    left: 2rem;
  }
  .swiper-wrapper .bottom{
    position: absolute;
    bottom: 0rem;
    left: 0;
    height:5rem;
    width: 100%;
  }
  .swiper-wrapper .qingshuru{
    width:3.77rem;
    height: 0.31rem;
    top: -0.5rem;
    left: 1.3rem;
    margin-top:0.75rem;
  }
  .swiper-wrapper .bottom .txt{
    width: 4rem;
    height: 0.625rem;
    border: 2px solid #808083;
    margin-top: 1.75rem;
    left:0.1rem;
  }
  .swiper-wrapper .bottom .subb{
    width: 4rem;
    height: 0.625rem;
    background: #808083;
    margin-top: 0.25rem;
    color:#fff;
    left:0.1rem;
  }
  .swiper-wrapper #blue{
    position: absolute;
    display: block;
    background-color: #336eb6;
    width: 0.75rem;
    height:0.75rem;
    left: 3rem;
    top: 1.75rem;
    border-radius: 50%;
    background-image: url(../image/nei1.png);
    background-size: 70% 70%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: move5 5s linear infinite;
  } 
  @keyframes move5{
    0%{
      transform: translate3d(0,0,0);
    }
    25%{
      transform: translate3d(1,-0.25rem,0);
    }
    50%{
      transform: translate3d(-2.15rem,1.3rem,0);
    }
    75%{
      transform: translate3d(-0.75rem,-1rem,0);
    }
    100%{
      transform: translate3d(0,0,0);
    }
  }
  .swiper-wrapper #red{
    position: absolute;
    display: block;
    background-color: #d64d34;
    width:0.475rem;
    height:0.475rem;
    left: 1.25rem;
    top: 7.75rem;
    border-radius: 50%;
    background-image: url(../image/nei2.png);
    background-size: 70% 70%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: move1 5s linear infinite;
  } 
  @keyframes move1{
    0%{
      transform: translate3d(0,0,0);
    }
    25%{
      transform: translate3d(2.5rem,-3.25rem,0);
    }
    50%{
      transform: translate3d(-1.17rem,-1.25rem,0);
    }
    75%{
      transform: translate3d(-0.75rem,-1rem,0);
    }
    100%{
      transform: translate3d(0,0,0);
    }
  }
  .swiper-wrapper #orange{
    position: absolute;
    display: block;
    background-color: #e9c733;
    width:0.9rem;
    height:0.9rem;
    left:1.5rem;
    top:2rem;
    border-radius: 50%;
    background-image: url(../image/nei3.png);
    background-size: 70% 70%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: move2 5s linear infinite;
  } 
  @keyframes move2{
    0%{
      transform: translate3d(0,0,0);
    }
    25%{
      transform: translate3d(0.25rem,-0.25rem,0);
    }
    50%{
      transform: translate3d(1.1rem,3.04rem,0);
    }
    75%{
      transform: translate3d(-0.75rem,-1rem,0);
    }
    100%{
      transform: translate3d(0,0,0);
    }
  }
  .swiper-wrapper #green{
    position: absolute;
    display: block;
    background-color: #33e93c;
    width:0.625rem;
    height:0.625rem;
    left:3.25rem;
    top:4.5rem;
    border-radius: 50%;
    background-image: url(../image/nei4.png);
    background-size: 70% 70%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: move3 5s linear infinite;
  } 
  @keyframes move3{
    0%{
      transform: translate3d(0,0,0);
    }
    25%{
      transform: translate3d(-0.25rem,2.25rem,0);
    }
    50%{
      transform: translate3d(-0.92rem,-2.5rem,0);
    }
    75%{
      transform:translate3d(0.5rem,0.25rem,0);
    }
    100%{
      transform: translate3d(0,0,0);
    }
  }
  .swiper-wrapper #purple{
    position: absolute;
    display: block;
    background-color: #b533e9;
    width:0.5rem;
    height:0.5rem;
    left:5.75rem;
    top:7.5rem;
    border-radius: 50%;
    background-image: url(../image/nei5.png);
    background-size: 70% 70%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation: move4 5s linear infinite;
  } 
  @keyframes move4{
    0%{
      transform: translate3d(0,0,0);
    }
    25%{
      transform: translate3d(-3.25rem,0rem,0);
    }
    50%{
      transform: translate3d(-2.92rem,-3.22rem,0);
    }
    75%{
      transform: translate3d(-0.75rem,-1rem,0);
    }
    100%{
      transform: translate3d(0,0,0);
    }
  }
  